<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">        
        <link href="css/custom.selectik.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div>TODO write content</div>
        <select>
            <option value="0">By category</option>
            <option value="1">Products</option>
            <option value="2">Soha & You</option>
            <option value="3">Our World</option>                                
        </select>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/jquery.mousewheel.js" type="text/javascript"></script>
        <script src="js/jquery.selectik.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function() {
                $('select').selectik();
            });
        </script>
    </body>
</html>
